<template>
	<div class="myAnswer">
    <div class="my-answer-info" @click="JumpName('question-answer')">
      <span>我的回答</span><i class="icon-right"></i>
    </div>
  </div>
</template>

<script>
  import Vue from 'vue'
  export default Vue.extend({
    name: 'index',
    methods: {
      /**
       * 链接跳转
       */
      JumpName(url, data) {
        this.$JumpName(this, url, data)
      }
    }
  })
</script>

<style lang="scss">
  @import "src/styles/mixin";
  .myAnswer{
    position: fixed;
    bottom: 140px;
    right: 0;
    width: 180px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    z-index: 11;
    .my-answer-info{
      font-size: 26px;
      padding-left: 10px;
      color: #fff;
      border-radius: 80px 0 0 80px;
      @include gradient(right, #445BE8, #63AFF6);
      .icon{
        font-size: 20px;
        vertical-align: -1px;
        margin-left: 4px;
      }
    }
  }
</style>
